<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人中心</title>
    <link rel="stylesheet" href="./tticonfont/iconfont.css" />
    <link rel="stylesheet" href="./ttttindex.css" />
  </head>

  <body>
    <div class="all">
      <div class="dingbu">
        <div class="dingbu-neibu">
          <div class="dingbu-neibu-nei">
            <div class="dingbu-left">
              <div class="left-left">
                <a href="">首页</a>
                <span class="shu">|</span>
                <a href="">华为官网</a>
                <span class="shu">|</span>
                <a href="">花粉俱乐部</a>
                <span class="shu">|</span>
                <a href="">V码（优购码）</a>
                <span class="shu">|</span>
                <a href="">企业购</a>
                <span class="shu">|</span>
                <a href="">Select Region</a>
                <span class="shu">|</span>
                <span>&nbsp;&nbsp;</span>
                <div class="gengduo">
                  <a>更多精彩</a>
                  <span class="iconfont icon-xiangxia"></span>
                  <div class="xiala">
                    <p>HarmonyOS</p>
                    <p>应用市场</p>
                    <p>华为终端云空间</p>
                    <p>开发者联盟</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="dingbu-right">
              <div class="right-right">
                <a href="">请登录</a>
                <span>|</span>
                <a href="">注册</a>
                <span>|</span>
                <a href="">我的订单</a>
                <span>|</span>
                <div class="kefu">
                  <a href="">客服</a>
                  <span class="iconfont icon-xiangxia"></span>
                  <div class="kefu-xiala">
                    <p>服务中心</p>
                    <p>联系客服</p>
                  </div>
                </div>
                <span>|</span>
                <div class="wangzhan">
                  <a href="">网站导航</a>
                  <span class="iconfont icon-xiangxia"></span>
                  <div class="daohang">
                    <div class="boss">
                      <div class="heng">
                        <div
                          style="
                            width: 50px;
                            height: 50px;
                            display: flex;
                            background-color: #777777;
                            border-radius: 50%;
                          "
                        >
                          <span
                            class="iconfont icon-shouye"
                            style="
                              font-size: 35px;
                              color: #000000;
                              display: flex;
                              align-items: center;
                            "
                          ></span>
                        </div>
                        <div class="heng2">
                          <p style="display: flex; justify-content: center">
                            商城首页
                          </p>
                        </div>
                      </div>
                      <div class="heng">
                        <div>
                          <p class="diyi">频道</p>
                          <div class="heng2">
                            <p>华为专区</p>
                            <p>企业购</p>
                          </div>
                        </div>
                        <div>
                          <div class="heng2">
                            <p>教育优惠</p>
                            <p>HarmonyOS</p>
                          </div>
                        </div>
                      </div>
                      <div class="heng">
                        <div>
                          <p style="position: absolute; top: 50px">产品</p>
                          <div>
                            <div style="margin-top: 58px" class="heng2">
                              <p>手机</p>
                              <p>笔记本</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>平板</p>
                              <p>智能穿戴</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>智能家居</p>
                              <p>智慧屏</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>耳机音响</p>
                              <p>热销配件</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>生态产品</p>
                              <p>增值服务</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="heng">
                        <div>
                          <p style="position: absolute; top: 50px">增值服务</p>
                          <div>
                            <div class="heng2">
                              <p style="margin-top: 16px">以旧换新</p>
                              <p style="margin-top: 16px">补购保障</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>一口价换电池</p>
                              <p>音频延保</p>
                            </div>
                          </div>
                          <div>
                            <div class="heng2">
                              <p>穿戴延保</p>
                              <p>智慧屏全质保</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="heng">
                        <p style="position: absolute; top: 50px">会员</p>
                        <div class="heng2">
                          <div>
                            <p
                              style="
                                display: flex;
                                justify-content: center;
                                margin-top: -23px;
                              "
                            >
                              会员频道
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <span>|</span>
                <div class="shouji">
                  <a href="">手机版</a>
                  <span class="iconfont icon-xiangxia"></span>
                  <div class="ban">
                    <div class="xiaoban">
                      <div>
                        <img
                          style="width: 90px; height: 90px"
                          src="./img/ttttimg/app.png"
                        />
                      </div>
                      <div style="margin-top: 25px" class="text">
                        <h2 class="rr">华为商城APP</h2>
                        <p style="color: red">新人专享好礼<br />最高5000积分</p>
                        <div>
                          <span class="iconfont icon-anzhuo"></span>
                          <span class="iconfont icon-iphone"></span>
                          <span class="iconfont icon-wechat"></span>
                        </div>
                      </div>
                    </div>
                    <hr style="border: px solid black; width: 100%" />
                    <div class="xiaoban">
                      <div>
                        <img
                          style="width: 90px; height: 90px"
                          src="./img/ttttimg/gongzhonghao.webp"
                        />
                      </div>
                      <div class="text">
                        <h2 class="rr">华为公众号</h2>
                        <p style="margin-top: 18px">微信扫一扫</p>
                        <div style="margin-top: 13px">
                          <span class="iconfont icon-wechat"></span>
                        </div>
                      </div>
                    </div>
                    <hr style="border: px solid black; width: 100%" />
                    <div class="xiaoban">
                      <div>
                        <img
                          style="width: 90px; height: 90px"
                          src="./img/ttttimg/xiaochengxu.webp"
                        />
                      </div>
                      <div>
                        <h2 style="margin: 0 20px" class="rr">微信小程序</h2>
                        <div style="margin-top: 30px">
                          <span
                            style="margin: 0 20px"
                            class="iconfont icon-wechat"
                          ></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="gouwu">
                  <span
                    class="iconfont icon-gouwuche"
                    style="
                      width: 16px;
                      height: 16px;
                      font-size: 20px;
                      display: flex;
                      align-items: center;
                    "
                  ></span>
                  <a href="">购物车</a>
                  <div class="g">
                    <div class="g1">
                      <p>您的购物车是空的，赶紧选购吧~</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="header">
        <div class="header header-a">
          <div class="left">
            <img src="./img/ttttimg/logo_app.png" class="aa" />
          </div>
          <div class="centent">
            <div class="centent-a">
              <div
                class="hhh"
                style="
                  align-items: center;
                  -webkit-box-align: center;
                  -webkit-box-direction: normal;
                  -webkit-box-orient: horizontal;
                  flex-direction: row;
                  display: flex;
                  flex-basis: auto;
                  flex-shrink: 0;
                  position: relative;
                "
              >
                <div>
                  <span
                    style="margin-left: 262%; font-size: 17px; font-weight: 600"
                    class="iconfont icon-fenlei"
                  ></span>
                </div>
                <div class="q">
                  <a
                    href=""
                    class="zz"
                    style="transition-duration: 0.25s; margin-left: 34px"
                    >全部分类</a
                  >
                </div>
              </div>
            </div>
            <div class="q">
              <a href="" class="zz">华为专区</a>
            </div>
            <div class="q">
              <a href="" class="zz">鸿蒙智联</a>
            </div>
            <div class="q">
              <a href="" class="zz">莫塞尔</a>
            </div>
            <div class="q">
              <a href="" class="zz">华为智选</a>
            </div>
            <div class="q">
              <a href="" class="zz">HarmonyOS</a>
            </div>
            <div class="q">
              <a href="" class="zz">特惠企采</a>
            </div>
            <div class="q">
              <a href="" class="zz" style="margin-right: 85px">教育购</a>
            </div>
          </div>
          <div class="right">
            <div class="right-a">
              <div class="right-aa">
                <span class="iconfont icon-sousuo1"></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="first">
        <div class="shangcheng">
          <div class="shouye">首页</div>
          <span class="iconfont icon-xiangyou"></span>
          <div>我的商城</div>
        </div>
      </div>
      <div class="q1">
        <div class="q2">
          <img src="./img/ttttimg/2.png" style="width: 1200px" />
          <img
            src="./img/ttttimg/1.png"
            style="
              inset: 0px;
              position: absolute;
              width: 88px;
              z-index: 1;
              top: 61px;
              left: 101px;
              cursor: pointer;
            "
          />
          <div class="denglu">
            <span>登录</span>
            <span>/</span>
            <span>注册</span>
          </div>
          <div class="dakuang">
            <div class="xiaokuang">
              <div class="xiaoxiaokuang" style="margin-left: 25px">
                <div class="q3">积分</div>
                <div class="q4">0</div>
              </div>
              <div class="x1">
                <img
                  src="./img/ttttimg/ic_integral.png"
                  style="width: 48px; height: 48px"
                />
              </div>
              <div class="xiaoxiaokuang">
                <div class="q3">优惠券</div>
                <div class="q4">7</div>
              </div>
              <div class="x1">
                <img
                  src="./img/ttttimg/ic_coupon.png"
                  style="width: 48px; height: 48px"
                />
              </div>
              <div class="xiaoxiaokuang">
                <div class="q3">代金券</div>
                <div class="q4">0.00</div>
              </div>
              <div class="x1">
                <img
                  src="./img/ttttimg/ic_Voucher.png"
                  style="width: 48px; height: 48px"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div style="margin-top: 25px" class="wodedingdan">
        <div class="datoumu">
          <div class="toumu">
            <div class="q5">我的订单</div>
            <div
              style="
                width: 56px;
                height: 42px;
                font-weight: 400;
                font-size: 14px;
                margin-right: 42px;
                color: #a4a4a4;
                cursor: pointer;
              "
            >
              全部订单
              <span
                style="position: absolute; top: 445px"
                class="iconfont icon-xiangyou"
              ></span>
            </div>
          </div>
          <div class="toumu2">
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-daifukuan"
                ></span>
              </div>
              <div style="display: flex"><p>待付款</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-daishouhuo"
                ></span>
              </div>
              <div style="display: flex"><p>待收货</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-daipingjia"
                ></span>
              </div>
              <div style="display: flex"><p>待评价</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-tuikuan"
                ></span>
              </div>
              <div style="display: flex"><p>退换退款</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-huishoudan"
                ></span>
              </div>
              <div style="display: flex"><p>回收单</p></div>
            </div>
          </div>
        </div>
      </div>
      <div style="margin-top: 25px" class="wodedingdan">
        <div class="datoumu">
          <div class="toumu">
            <div class="q5">我的频道</div>
          </div>
          <div class="toumu2">
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #e7647e"
                  class="iconfont icon-huiyuan"
                ></span>
              </div>
              <div style="display: flex"><p>会员频道</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span style="color: #f1bc7b" class="iconfont icon-jifen"></span>
              </div>
              <div style="display: flex"><p>我的积分</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #676360"
                  class="iconfont icon-jiaoyu"
                ></span>
              </div>
              <div style="display: flex"><p>教育商店</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span style="color: #eaa465" class="iconfont icon-fuli"></span>
              </div>
              <div style="display: flex"><p>福利中心</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #eaa463"
                  class="iconfont icon-qiyegou"
                ></span>
              </div>
              <div style="display: flex"><p>企业购</p></div>
            </div>
          </div>
        </div>
      </div>
      <div style="margin-top: 25px" class="wodedingdan">
        <div class="datoumu">
          <div class="toumu">
            <div class="q5">服务工具</div>
          </div>
          <div class="toumu2">
            <div class="a8">
              <div class="a0">
                <span style="color: #000000" class="iconfont icon-zizhu"></span>
              </div>
              <div style="display: flex"><p>自助服务</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span style="color: #000000" class="iconfont icon-dizhi"></span>
              </div>
              <div style="display: flex"><p>收获地址</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-jiaoyisuo"
                ></span>
              </div>
              <div style="display: flex"><p>以旧换新</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-baozhang"
                ></span>
              </div>
              <div style="display: flex"><p>补购保障</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-xiaoxizhongxin"
                ></span>
              </div>
              <div style="display: flex"><p>消息中心</p></div>
            </div>
            <div class="a8">
              <div class="a0">
                <span
                  style="color: #000000"
                  class="iconfont icon-yinsibaohu"
                ></span>
              </div>
              <div style="display: flex"><p>隐私设置</p></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
